/* 左下部 */
.title{
    font-size: 25px;
    font-weight: 600;
    top:330px;
    left: 70px;
    position: absolute;
}
/* 右整体 */
/* 右-头部 */
.tu1{
    width: 100%;
    height: 300px;
    background-image: url(../img/starbucks-reserve_imgs/hero.jpg);
}
.tu1>div{
    width: 100%;
    height: 300px;
    color: #c48d69;
    font-size: 30px;
    font-weight: 600;
    background-color: rgba(0, 0, 0, 0.3);
}
.tu1>div>div{
    width: 291px;
    height: 89px;
    position: relative;
    top:100px;
    left: 400px;
}
/* 右-地图 */
.tu2{
    width: 100%;
    height: 255px;
    background-image: url(../img/starbucks-reserve_imgs/map.jpg);
}
.tu2>div{
    width: 576px;
    height: 76px;
    margin-top: 30px;
    margin-left: calc(50% - 200px);
    text-align: center;
}
.tu2>button{
    width: 241px;
    height: 51px;
    border: none;
    background-color: #ca9878;
    margin-top: 20px;
    margin-left: calc(50% - 50px);
    font-size: 16px;
    font-weight: 600;
    color: white;
}
/* 右-内容部分 */
/* 内容头部 */
.head{
    width: 100%;
    height: 400px;
    background-color: #231f20;
}
.c1{
    color: #a56c4f;
}
#x1{
    position: relative;
    top: 40px;
    left: 500px;
    font-weight: 600;
}
#x2{
    position: relative;
    top: -150px;
    left: 420px;
    font-size: 20px;
    font-weight: 600;
}
.yuan{
    position: relative;
    top: 100px;
    left: 100px;
}
.yuan img{
    width: 144px;
    height: 144px;
    border-radius: 50%;
}
.yuan div{
    width: 144px;
    height: 170px;
    color: white;
    font-weight: 600;
    margin: 30px;
    position: relative;
    left: -60px;
}
.yuan>div:nth-child(1),div:nth-child(2),div:nth-child(3){
    display:inline-block;
}
/* 内容身体 */
.body1{
    width: 100%;
    height: 243px;
    background-image: url(../img/starbucks-reserve_imgs/bg-pattern-1.jpg);
}
.c3{
    font-size: 25px;
    position: relative;
    left: 270px;
    margin: 10px;
}
.z1>img,.z4>img{
    float: left;
}
.z2>img,.z5>img{
    float: right;
}
.z1,.z2,.z3,.z4,.z5{
    margin-top: 30px;
}
.z5{
    margin-top: 200px;
}
/* 内容尾部 */
.foot{
    width: 100%;
    height: 356px;
    background-image: url(../img/starbucks-reserve_imgs/bg-pattern-2.jpg);
}
.foot>img{
    position: relative;
    top: 200px;
    left: 10px;
}